@media screen and (max-width:1600px) {}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .inner{width: 86%; margin: 0 auto;}
    header{ padding-left: 7vw;}
    .indPro .con{padding-left:7vw}


    .ptb-70{ padding: 55px 0;}
.f14{ font-size: 14px;}
.f22{ font-size: 20px;}
.f24{ font-size: 20px;}
.f32{ font-size: 30px;}
.f36{ font-size: 32px;}
.f40{ font-size: 36px;}
.f46{ font-size: 40px;}
.f45{ font-size: 40px;}

.f60{ font-size: 50px;}



.f18{ font-size: 16px;}
.f20{ font-size: 18px;}
.f26{ font-size: 22px;}
.f28{ font-size: 26px;}
 
.f78{ font-size: 60px;}


.aboutBot li{ padding: 80px 20px;}
.honor .swiper-container .img{ height: 380px;}
.honorBtn>div{ width: 50px; height: 50px;}


.indPro .title .ENG{ font-size: 120px;}
nav{ width: 46vw;}
.logoImg,.logoW{ width: 230px;}

.indNews .left .img .newsimg{ height: 500px;}
.indNews .right .img img{ height: 155px;}
.App::after{        bottom: -273px;width: 90px;    height: 376px;}

.App::before{        top: -277px;width: 90px;    height: 376px;}
.workApp::before{top:-223px ;}

.f166{ font-size: 120px;}
.prolist li{ height:450px ;}
.prolist li .proimg{    max-width: 55%;    max-height: 300px;}
.prolist li a .more{ width: 180px; height: 50px;}
.prolist li a .f166{ bottom: 20px;}
.rigthUl .img{  height: 126px;}

.caseUl li .img{ height: 100px;}

.newsClass a{ padding: 10px 50px;}
.newslist li .img{ height: 350px;}

.newsright .img{ height:96px;}

.workBan li .yuan{ width: 100px; height: 100px;}
.workList li img{ width: 150px; height: 150px;}
.workList li .txt{    width: calc(100% - 180px);}
.workList li .txt .more{ height: 40px;}

.workCon{ margin-top: -50px;}

}

@media screen and (max-width:1240px) {

    .pb-100{ padding-bottom: 60px;}
    .ptb-70{ padding: 50px 0;}
 .f14{ font-size: 14px;}
.f22{ font-size: 20px;}
.f24{ font-size: 20px;}
.f32{ font-size: 24px;}
.f36{ font-size: 28px;}
.f40{ font-size: 30px;}
.f46{ font-size: 32px;}
.f45{ font-size: 32px;}


.f18{ font-size: 16px;}
.f20{ font-size: 16px;}
.f26{ font-size: 20px;}
.f28{ font-size: 22px;}
 
.f78{ font-size: 50px;}


.aboutBot li{ padding: 60px 20px;}
.honor .swiper-container .img{ height: 350px;}
 


.indPro .title .ENG{ font-size: 100px;}

    .inner{width: 90%; margin: 0 auto;}
    header{ padding-left:5vw;}
    .indPro .con{padding-left:5vw}

    .banner{height: auto;}
    .banImg{ height: auto;}
    header  .tel{display: none;}
    nav{ width: 60vw;}
    .indPro .next{right: 30%; display: none !important;}
    .indTec li .txt .icon{ width: 80px; height: 80px;}

    .indNews .left .img .newsimg{ height: 450px;}
    .indNews .right .img img{ height: 135px; width: 200px;}
    .indNews .right .txt{    width: calc(100% - 220px);}
    .App::after{        bottom: -136px;width: 45px;    height: 188px;}
   
    .App::before{        top: -139px;width: 45px;    height: 188px;}
    
    div.video-wrap{ width: 90vw;height: auto;}

    .rigthUl .img{  height: 110px;}

    .workBan{ padding-bottom: 0;}
    .neiBan .mt-70{ margin-top: 30px;}
    .workCon{ margin-top: 0;}
    .workBan li{ width: 28%;}
}

@media screen and (max-width:1000px) {
    .logoImg,.logoW{ width: 180px;}
    .ptb-70{ padding: 30px 0;}
    .select{ display: none;}
    .ewm{ width: 100px;}

    .workBan li>div:nth-child(3){ display: none;}
    .workBan li .yuan{ width: 80px;  height: 80px;}

    .workList li img{ width: 100px; height: 100px;}
    
    .workList li .txt{width: calc(100% - 120px); }
    .workList li .txt  .color-666 { margin: 10px 0;}
    .workList li .txt .more{ width: 60%;}
   

    .g5lianjie ul{ display: flex; flex-direction: column;}
}

@media screen and (max-width:750px) {

.g5lianjie{ display: none;}
.tancon{ width: 90vw; padding: 0 10px; padding-bottom: 20px;}
.tanright{ width: 30px;}
.rc-popscroll{ margin-top: 5px;  }
.tancoiii h4{ font-size: 14px;padding-right: 10px;}

    #toolbar{ display: flex;}
    body::after {
        display: block;
        content: '';
        width: 100%;
        height: 60px;
        background-color: #005bac;
    }

    body{ font-size: 12px;}
    .f14{ font-size: 12px;}
    .f22{ font-size: 16px;}
    .f24{ font-size: 16px;}
    .f32{ font-size: 18px;}
    .f36{ font-size: 18px;}
    .f40{ font-size: 20px;}
    .f46{ font-size: 20px;}
    .f45{ font-size: 20px;}
    .pb-100{ padding-bottom: 20px;}
    .indPro .title .ENG{ font-size: 50px;}


 
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .layer{height: 50vh;}
    .layer .bottom{ bottom: 15px;}
        .try-btn{ width: 60px; height: 60px;} .try-btn img{ width: 30%;}

        .honor .title{ flex-direction: column; justify-content: flex-start;}
        .tabtit{ width: 100%; margin-top: 20px; padding-bottom: 20px;}
        .tabtit li{ margin-left: 0; text-align: center;}
        .honorBtn{ display: none !important;}
    
.f18{ font-size: 14px;}
.f20{ font-size: 14px;}
.f26{ font-size: 16px;}
.f28{ font-size: 16px;}

.f60{ font-size: 30px;}
.f78{ font-size: 30px;}

.aboutTop{ flex-direction: column;}
.aboutTop .left{ width: 100%;}.aboutTop .right{
     width: 100%; margin-top: 20px;
}

.aboutBot li{ padding: 20px  ; line-height: 2;  justify-content: flex-start;}.aboutBot li .f22{ font-size: 12px;}
.honor .swiper-container .img{ height: 250px;}

.aboutTwO .bg5{  width: 100%; height: 280px; object-fit: cover;}
.aboutTwO .right .item:nth-child(-n+2){ margin-bottom: 20px;}
.aboutTwO .item{ width: 50%; padding: 0 ;}
#gallery-top .swiper-slide>.dis-flex-between{ flex-direction: column;}
#gallery-top .swiper-slide>.dis-flex-between .txt{ padding-left: 0;}

.history .years{ padding-top: 10px; font-size: 30px; display: none;}
.history .bottom { margin-top: 20px;}
.history .bottom .swiper-slide{ padding-bottom: 45px;}


    .videoPlay img{ width: 50px;}

    .ptb-70{ padding: 20px 0;}
    .inner{width: 100%;  padding: 0 20px;}
    header{ padding-left:20px;}
    .indPro .con{padding-left:20px}

   



.App::after{        bottom: -62px;width: 20px;    height: 84px;}
 
.App::before{        top: -62px;width: 20px;    height: 84px;}

    header{ height: 60px; padding-right: 0;}

    .banner{ margin-top: 60px;}
    .proInfoTop{ margin-top: 60px;}
    nav{
     width: 100vw;
     height: calc(100vh - 60px) !important;
     background: #005bac;
     position: fixed;
     z-index: 100;
     top: 60px;
     right: 0;
     flex-direction: column;
     text-align: center;
     justify-content: center !important;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     transition:all .5s ;
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
     -webkit-transition:all .5s ;
     -moz-transition:all .5s ;
     -ms-transition:all .5s ;  
     -o-transition:all .5s ;
} nav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
     nav li{ width: 100%;}nav li a{ color: #fff; line-height: 70px; display: block;}
     nav li.on a{ color: #fff !important; font-weight: bold;}nav li::after{ bottom: 5px; background-color: #fff; width: 50%; left: 25%; margin-left: 0; border-radius: 0; height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .logoImg,.logoW{  width: 160px;}
    .menuBtn{ display: flex;}


    .indAbout .top{ flex-direction: column;}
    .indAbout .bottom{ flex-wrap: wrap; padding: 15px 0; margin-top: 20px;}
    .indAbout .bottom li{ width: 50%; margin-bottom: 20px; padding: 0 10px;}
    .indAbout .bottom li img{ height: 25px;}
    .indAbout .bottom li:nth-child(2n)::after{ display: none;}
    .indPro .title { padding-bottom: 25px;}
    .indPro .title .f40{ top: 10%;}
    .indPro .title .line{ height: 2px;}
    .indProCon{ flex-direction: column;}
    .proText{ width: 100%;}
    .proRight{ width: 100%; margin-top: 20px;}

    .indPro::before{ display: none;}
    .indPro .next{ display: none;}
    .indPro .con{ padding-right: 20px;}
    .indPro .swiper-slide{ flex-direction: column-reverse;}
    .indPro .swiper-slide.swiper-slide-active .txt{ width: 100%;}
    .indPro .swiper-slide.swiper-slide-active .right{ width: 100%;}
    #wonder{ opacity: 0.2;}
    .indPro .swiper-slide .img{ width: 100%; height: auto; padding: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
 
    

    .indNews .inner>.dis-flex-between{ flex-direction: column;}
    .indNews .left .img .newsimg{ height: 250px;}
    .indNews .left{ margin-bottom: 20px;}
    .indNews .right  li{ margin-bottom: 15px;}
    .indNews .right .img img{ width: 120px; height: 90px;}
    .indNews .right .txt{ width: calc(100% - 140px);}
    .indNews .right .txt .color-666{ display: none;}

    .logoW{ width: 160px; margin-bottom: 20px;}
    .ewm{ width: 80px;}
    footer .top{ flex-direction: column; align-items: flex-start;}
    footer .center dl>div{ display: none !important;}
    footer .center{ flex-wrap: wrap;  white-space: nowrap;}
    footer .center dt{ margin-bottom: 0;}
    footer .bottom{ justify-content: center;  text-align: center; line-height: 2; flex-direction: column;}

    .svg-swiper-pagination .swiper-pagination-bullet{ bottom: 20px;}
    .svg-swiper-pagination::after{ bottom: 25px;}
    .svg-swiper-pagination .svg{ width: 10px; height: 10px;top: 3px; left:  3px;}
    .svg-swiper-pagination .swiper-pagination-bullet:after{ width: 2px; height: 2px; margin: 0;}

    .prolist li{ width: 100%; height: auto; margin-bottom: 25px; border-radius: 10px; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .prolist li .proimg{ position: relative; right: 20px; margin-left: 20px; margin-top: 20px; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .prolist li a .f166{ bottom: 20px; right: 20px; font-size: 60px; left: auto;}
    .prolist li a .more{ width: 120px; height: 30px;}

    .neiBan{ margin-top: 60px;}
    .neiBan .f60{ font-size: 26px;}
    .neiBan .line{ height: 2px;}
    .neiBanImg{ height: 25vh;}

    .pglist{  padding: 20px 0;}
    .pglist a{ display: none;}.pglist a.page{ display: inline-block;}
    .proinfoCon{ flex-direction: column;}
    .proinfoCon .txt{ padding: 20px 0;}
    .proinfoCon .more{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .proinfoCon .more a{ margin-top: 10px; padding:6px 15px !important;} .proinfoCon .more a img{ height: 20px;}

    .proInfoBot .inner{ flex-direction: column;}
    .proInfoLeft{ width: 100%;}
    .proInfoRight{ display: none;}
    .proInfoLeft .title{ height: 40px; font-size: 18px;}
    .location .left{ display: none;}

    .caseUl li{ width: 48%; margin-right: 4%;}
    .caseUl li:nth-child(5n){ margin-right: 4%;}
    .caseUl li:nth-child(2n){ margin-right: 0;}
    .caseUl li .img{ height: 68px;}
    .caseTilt img{ height: 24px;}

    .newsClass{ border-bottom: 1px solid #ddd;}
    .newsClass a{ padding: 10px 0; margin: 0; flex: 1; text-align: center; border: none; font-size: 15px;}
    .newsClass a img{ height: 18px;}
    .newsClass a:last-child{ border-left: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.newslist li .img{ height: 180px; width: 100%; margin-top: 15px;}
.newslist li a{ flex-direction: column;}
.newslist li .txt{ width: 100%;}
.pglist .hover{ display: none;}
.newsright{ display: none;}
.newsleft{ width: 100%;}
.newspage{ line-height: 2;}
.workBan li .yuan{ width: 50px;  height: 50px;}
.workBan li .f26{ font-weight: normal; font-size: 14px;}   
.neiBan .mt-70{ margin-top: 10px;}

.workList li { width: 100%; margin-right: 0; }.workList li a{ padding: 10px;}
.workList li img{ width: 70px; height: 70px;}
.workList li .txt{ width: calc(100% - 85px); line-height: 2;}
.workList li .txt .more{ width: 50%; height: 38px;}

.conBot{ flex-direction: column-reverse;}
.map{ width: 100%; height: 250px;}
.gbook{ width: 100%;}
.gbook .submit{  width: 100%; height: 38px; margin-top: 0;}
.conTop{ flex-wrap: wrap;}
.conTop>div{ width: 50%;}
.conTop>div .mt-30{ margin-top: 10px;}
.con-add{ width: 100% !important; margin-bottom: 25px;}
.caseUl li .txt{ height:38px; line-height: 38px }
}


@media screen and (max-width:420px) { }